<<<<<<< .mine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Accordion 1</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function()
{	
	$("#accordion h3:first").addClass("active");
	$("#accordion p:not(:first)").hide();

	$("#accordion h3").click(function()
	{
		$("p").slideToggle("slow");
		$("p").slideToggle("slow");
	});

});
</script>

<style type="text/css">
body 
{
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;	
}
#accordion {
	background:red;
	height : 500px;	
	width: 296px;
}
#decoration_haut 
{
	margin-left : -1px;
	background:red url(images/decoration.png) no-repeat ;
	height: 22px;
	border-bottom: none;
	cursor: pointer;
}
#decoration_bas 
{
	margin-left : -2px;
	margin-top : -20px;
	background:url(images/Decoration_bas.png) no-repeat ;
	height: 30px;
	border-bottom: none;
	cursor: pointer;
}
#accordion p 
{
	border-bottom: none;
	cursor: pointer;
	height: 89px;
	margin-top : -14px;
	background:url(images/Decoration_milieu.png) no-repeat ;
}
</style>
</head>

<body>

<div id="accordion">
	<h3 id="decoration_haut"></h3>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.
	</p>
	<h3 id="decoration_bas"></h3>
</div>

</body>
</html>
=======
<?php
/*
 * Created on 5 avr. 2011
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple Slide Panel</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function()
{
	$(".btn-slide").click(function()
	{
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	}); 
});
</script>

<style type="text/css">
body {
	margin: 0 auto;
	padding: 0;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
a:focus {
	outline: none;
}
#panel {
	background: url(images/Identification.png);
	height: 400px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	background-color :red;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active 
{
	background-position: right 12px;
}
</style>
</head>

<body>

<div id="panel">
	<!-- you can put content here -->
</div>

<p class="slide">
<a href="#" class="btn-slide">Slide Panel</a>
<INPUT type="submit" class="btn-slide" value="Connexion">
</p>
</body>
</html>
>>>>>>> .r31
